// pages/warn/index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 周围环境图路径数组
    picUrls: [],
    // 故障车牌编号和备注
    inputValue: {
      num: 0,
      desc: ""
    },
    // 故障类型数组
    checkboxValue: [],
    // 选取图片提示
    actionText: "拍照/相册",
    // 提交按钮的背景色，未勾选类型时无颜色
    btnBgc: "",
    // 复选框的value,此处预定义，然后循环渲染到页面
    itemsValue: [{
      checked: false,
      value: "私锁私用",
      color: "#b9dd08"
    },
    {
      checked: false,
      value: "车牌缺损",
      color: "#b9dd08"
    },
    {
      checked: false,
      value: "轮胎坏了",
      color: "#b9dd08"
    },
    {
      checked: false,
      value: "车锁坏了",
      color: "#b9dd08"
    },
    {
      checked: false,
      value: "违规乱停",
      color: "#b9dd08"
    },
    {
      checked: false,
      value: "密码不对",
      color: "#b9dd08"
    },
    {
      checked: false,
      value: "刹车坏了",
      color: "#b9dd08"
    },
    {
      checked: false,
      value: "其他故障",
      color: "#b9dd08"
    }]
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    wx.setNavigationBarTitle({
      title: '报障维修'
    })
  },
  checkboxChange: function (e) {
    // console.log(e)
    let _values = e.detail.value;
    if (_values.length == 0) {
      this.setData({
        btnBgc: ''
      })
    } else {
      this.setData({
        checkboxValue: _values,
        btnBgc: '#b9dd08'
      })
    }
  },
  numberChange: function (e) {
    // 输入单车编号，存入inputValue
    // console.log(e)
    this.setData({
      inputValue: {
        num: e.detail.value,
        desc: this.data.inputValue.desc
      }
    })
  },
  // 输入备注，存入inputValue
  descChange: function (e) {
    this.setData({
      inputValue: {
        num: this.data.inputValue.num,
        desc: e.detail.value
      }
    })
  },

  formSubmit: function (e) {
    if (this.data.picUrls.length > 0 && this.data.checkboxValue.length > 0) {
      wx.request({
        url: 'https://www.easy-mock.com/mock/59098d007a878d73716e966f/ofodata/msg',
        data: {
          // 如果是post请求，把数据传入服务器
          // picUrls: this.data.picUrls,
          // inputValue: this.data.inputValue,
          // checkboxValue: this.data.checkboxValue
        },
        method: "GET",
        success: (res) => {
          wx.showToast({
            title: res.data.data.msg,
            icon: "success",
            duration: 2000
          })
        }
      })
    } else {
      wx.showModal({
        title: '请填写反馈信息',
        content: '看什么看，赶快填反馈信息，削你啊',
        confirmText: "我我我填",
        cancelText: "劳资不填",
        success: (res) => {
          if (res.confirm) {
            // 继续填写
          } else {
            wx.navigateBack({
              delta: 1 // 回退前 delta(默认为1) 页面
            })
          }
        }
      })
    }
  },
  bindCamera: function () {
    wx.chooseImage({
      count: 4,
      sizeType: ['original', 'compressed'],
      sourceType: ['album', 'camera'],
      success: (res) => {
        // console.log(res)
        let tfps = res.tempFilePaths;
        let _picUrls = this.data.picUrls;
        for (let item in tfps) {
          _picUrls.push(item)
          this.setData({
            picUrls: _picUrls,
            actionText: "+"
          })
        }
      },
    })
  },
  delPic: function (e) {
    let index = e.target.dataset.index;
    let _picUrls = this.data.picUrls;
    _picUrls.splice(index, 1);
    this.setData({
      picUrls: _picUrls
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})